<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>金贵银业</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!--标准mui.css-->
    <link rel="stylesheet" href="/mobile/resource/css/mui.min.css">
    <!--App自定义的css-->
    <link rel="stylesheet" type="text/css" href="/mobile/resource/css/app.css" />
    <!--App自定义的css-->
    <link rel="stylesheet" type="text/css" href="/mobile/resource/css/zhaojinyin_index.css" />
    <link href="/mobile/resource/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <style>
        .title {
            margin: 20px 15px 10px;
            color: #6d6d72;
            font-size: 15px;
        }
        .name_cut {height:40px;overflow: hidden;}
    </style>
</head>

<body style="padding-bottom: 150px;">

<div class="mui-bar mui-bar-nav" style="height: 48px;">
    <!--
        时间：2016-03-24
        描述：左边按钮
        <a class="mui-pull-left left-btn"></a>
    -->
    <a href="javascript:;" class="mui-pull-left font_sz_16" style="background-image: none; line-height: 45px; height: 45px;overflow: hidden;width: 12%;display: none;" id="login_name"></a>
    <a href="/mobile/index.php?act=register" class="mui-pull-left font_sz_16" style="background-image: none; line-height: 45px; height: 45px;overflow: hidden;width: 12%;" id="reister" >注册</a>
    <!--
时间：2016-03-24
描述：右边按钮
<a class="mui-icon mui-pull-right right-btn"><span class="mui-badge">36</span></a>
-->
    <a id="logoutbtn" class="mui-icon mui-pull-right font_sz_16" style="line-height: 27px; height: 27px;display: none;" href="javascript:void(0);">登出</a>
    <a  class="mui-icon mui-pull-right font_sz_16" style="line-height: 27px; height: 27px;" href="tmpl/member/login.html" id="loginbtn">登入</a>
    <!--
时间：2016-03-24
描述：中间搜索放大镜
-->
    <form>
        <a class="fandajin-btn search-btn"></a><h1 class="mui-title"><input style="padding-left: 40px; width: 83%; " id="keyword" type="text" placeholder="在此输入内容..."/></h1>
    </form>
</div>
<style >
    .mui-active span {color:#666;}
</style>
<nav class="mui-bar mui-bar-tab">
    <a class="mui-tab-item1" href="/wap/">
        <span style="margin: -2px 0 2px 0;" class="mui-icon"><img style="width: 20px;" src="images/index_112.jpg"></span>
        <span class="mui-tab-label">首页</span>
    </a>

    <a class="mui-tab-item1" id="tabbar-with-fenlei" href="/wap/tmpl/product_first_categroy.html">
        <span class="mui-icon "><img style="width: 20px;" src="images/index_115.jpg"></span>
        <span class="mui-tab-label">分类</span>
    </a>

    <a class="mui-tab-item1" id="tabbar-shoppingcart" href="/wap/tmpl/cart_list.html">
        <span class="mui-icon "><img style="width: 20px;" src="images/gouwuche239.png"><span class="mui-badge" style="display: none;">9</span></span>
        <span id="gouwuche" class="mui-tab-label">购物车</span>
    </a>

    <a class="mui-tab-item1" id="tabbar-me-contact" href="/wap/tmpl/member/member.html?act=member">
        <span style="margin: -2px 0 2px 0;" class="mui-icon"><img style="width: 20px;" src="images/1_055.png"></span>
        <span class="mui-tab-label">我</span>
    </a>
</nav>

<div class="mui-content mt45">
    <div id="slider" class="mui-slider mui-active">
        <div id="shangpinxiangqing" class="mui-slider-group mui-slider-loop">
            <!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->

            <div class="mui-slider-item mui-slider-item-duplicate">
                <a href="##AA">
                    <img src="/data/upload/mobile/sliders/05134223982697435.jpg">
                </a>
            </div>
            <!-- 第1张 -->
            <div class="mui-slider-item">
                <a href="http://www.baidu.com">
                    <img src="/data/upload/mobile/sliders/05134226302016645.jpg">
                </a>
            </div>
            <!-- 第2张 -->
            <div class="mui-slider-item">
                <a href="##CC">
                    <img src="/data/upload/mobile/sliders/05134226458122297.jpg">
                </a>
            </div>
            <!-- 第3张 -->
            <div class="mui-slider-item">
                <a href="##DDD">
                    <img src="/data/upload/mobile/sliders/05134288965110616.jpg">
                </a>
            </div>

            <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
            <div class="mui-slider-item mui-slider-item-duplicate">
                <a href="##AA">
                    <img src="/data/upload/mobile/sliders/05134223982697435.jpg">
                </a>
            </div>
        </div>
        <div class="mui-slider-indicator">
            <div class="mui-indicator mui-active"></div>
            <div class="mui-indicator"></div>
            <div class="mui-indicator"></div>
        </div>
    </div>
</div>

<div class="index-daohang-item">
    <!--ul>
        <li><a href="index.php?act=favorite"><img src="/mobile/resource/images/index_17.png" />
            <p>1元购</p></a>
        </li>
        <li><a href="index.php?act=shipping"><img src="/mobile/resource/images/index_19.png" />
            <p>限时抢购</p></a>
        </li>
        <li><a href="index.php?act=goods_browse"><img src="/mobile/resource/images/index_21.png" />
            <p>品牌团</p></a>
        </li>
        <li><a href="index.php?act=brand"><img src="/mobile/resource/images/index_23.png" />
            <p>即将上线</p></a>
        </li>
    </ul-->
    <p></p>
    <div style="padding-left: 10px;padding-bottom: 0px;" class="font_sz_14">
        <label class="font_weight_bolder">金银商城</label>
        <label class="font_weight_bolder bg_red color_FFFFFF border_radius_4" style=" padding: 2px 2px 1px 2px;">公告</label>：
        <label class="font_weight_bolder" style="color: red;">HOT</label>
        <label style="color: #666;"><a href="javascript:;">找金银网2016年劳动节</a></label>
    </div>
</div>

<!--
    作者：569154771@qq.com
    时间：2016-03-24
    描述：限时快抢
-->
<style>
    .time-remain {display: block;}
    .time-remain em { background-color: rgba(0, 0, 0, 0.58); color: #FFFFFF; border-radius: 3px;padding: 2px 6px; margin: 3px;font-size: 16px;}
</style>
<div style=" width:100%; height: 161px;margin-top: 10px;">

    <div style="float: left;width: 40%; border-right: 1px solid #EEEEEE;height: 161px;background-color: #ffffff;text-align: center" class="xianshi">
        <img style="width:70%;position: relative;"  src="/mobile/resource/images/index_29_03.jpg">
								<span class="time-remain" count_down="349839" style="color: #000000;height: 20px;position: relative;
"><i></i><em time_id="h"

                                >0</em>: <em time_id="m">0</em>:<em time_id="s">0</em></span>
        <a href="/shop/index.php?act=goods&op=goods_body&goods_id=101773"><img style="width:100%;margin-top:10px;" src="/data/upload/shop/store/goods/05135173141651050.jpg"></a>
    </div>

    <div style="float: left; width: 60%;">

        <div style="float:left;height: 81px;border-bottom: 1px solid #EEEEEE;">
            <a href="##">
                <img style="width: 100%; height: 80px;" src="/data/upload/shop/adv/05136886408919108.jpg">
            </a>
        </div>
        <div>
            <div style="float: left; width: 50%;border-right: 1px solid #EEEEEE;height: 80px;">
                <a href="#A">
                    <img style="width: 100%; height: 80px;" src="/data/upload/shop/adv/05136983862420917.jpg">
                </a>
            </div>
            <div style="float: left;  width: 50%;height: 80px;">
                <a href="#B">
                    <img style="width: 100%; height: 80px;" src="/data/upload/shop/adv/05137032449497754.jpg">
                </a>
            </div>
        </div>

    </div>

</div>

<div style="margin-top: 10px; margin-bottom: -4px;">
    <a href="#111">
        <img style="width: 100%;" src="/data/upload/shop/adv/05137170478082595.jpg">
    </a>
</div>

<!--
    作者：569154771@qq.com
    时间：2016-03-24
    描述：品牌特卖
-->
<div style="background: #FFFFFF; padding-top: 15px;min-height: 270px;">
    <img style="width: 100%;" src="/mobile/resource/images/index_41.jpg">

    <ul class="pinpai_list">
        <li><a href="index.php?act=brand&amp;op=list&amp;brand_id=365">
            <div><img src="/data/upload/shop/adv/05137855643009133.jpg"></div>
            <div>
                <label>金贵银业</label>
                <label style="float: right;padding-right: 5%">全场
                    <label class="color_red">5.5</label>折起</label>
            </div></a>
        </li>
        <li><a href="index.php?act=brand&amp;op=list&amp;brand_id=460">
            <div><img src="/data/upload/shop/adv/05137871215775904.jpg"></div>
            <div>
                <label>钻石谷</label>
                <label style="float: right;padding-right: 5%">全场
                    <label class="color_red">5.5</label>折起</label>
            </div></a>
        </li>
        <li><a href="index.php?act=brand&amp;op=list&amp;brand_id=455">
            <div><img src="/data/upload/shop/adv/05137873936763459.jpg"></div>
            <div>
                <label>圣兰黛</label>
                <label style="float: right;padding-right: 5%">全场
                    <label class="color_red">8.5</label>折起</label>
            </div></a>
        </li>
        <li><a href="index.php?act=brand&amp;op=list&amp;brand_id=448">
            <div><img src="/data/upload/shop/adv/05137901693001036.jpg"></div>
            <div>
                <label>黛梦尼</label>
                <label style="float: right;padding-right: 5%">全场
                    <label class="color_red">8</label>折起</label>
            </div></a>
        </li>
    </ul>
</div>

<script type="text/html" id="home_body">
<div style="margin-top: 10px; margin-bottom: -4px;">
    <a href="<%=index_banner[1]['content']['adv_pic_url'];%>">
        <img style="width: 100%;" src="/data/upload/shop/adv/<%=index_banner[1]['content']['adv_pic'];%>">
    </a>
</div>
<!--
    作者：569154771@qq.com
    时间：2016-03-24
    描述：黄金专区
-->
    <div style="background: #FFFFFF; padding-top: 15px;min-height: 310px;">
        <img style="width: 100%;" src="images/index_58.jpg">
        <div style=" width:100%;margin-top: 10px;">

            <div style="float:left;width:50%; border-right:1px solid #EEEEEE;">

                <a href="<%=product_gold[0]['content']['adv_pic_url'];%>">
                    <img style="width: 100%;padding-bottom:2px;" src="/data/upload/shop/adv/<%=product_gold[0]['content']['adv_pic'];%>">
                </a>
                <a href="<%=product_gold[1]['content']['adv_pic_url'];%>">
                    <img style="width: 100%;background-color: #FFFFFF;" src="/data/upload/shop/adv/<%=product_gold[1]['content']['adv_pic'];%>">
                </a>
            </div>

            <div style="float: left; width: 50%;">
                <a href="<%=product_gold[2]['content']['adv_pic_url'];%>">
                    <img style="width: 100%;border-bottom: solid 1px #eeeeee;" src="/data/upload/shop/adv/<%=product_gold[2]['content']['adv_pic'];%>">
                </a>
                <a href="<%=product_gold[3]['content']['adv_pic_url'];%>">
                    <img style="width: 100%;border-bottom: solid 1px #eeeeee;" src="/data/upload/shop/adv/<%=product_gold[3]['content']['adv_pic'];%>">
                </a>
                <a href="<%=product_gold[3]['content']['adv_pic_url'];%>">
                    <img style="width: 100%;" src="/data/upload/shop/adv/<%=product_gold[4]['content']['adv_pic'];%>">
                </a>
            </div>

        </div>

    </div>

    <div style="margin-top: 10px; margin-bottom: -5px;">
        <a href="<%=index_banner[2]['content']['adv_pic_url'];%>">
            <img style="width: 100%;" src="/data/upload/shop/adv/<%=index_banner[2]['content']['adv_pic'];%>">
        </a>
    </div>

    <!--
        作者：569154771@qq.com
        时间：2016-03-24
        描述：白银专区
    -->
    <div style="background: #FFFFFF; padding-top: 15px;min-height: 280px;">
        <img style="width: 100%;" src="images/index_72.jpg">
        <div style=" width:100%;margin-top: 10px;">

            <div style="float:left;width:50%; border-right:1px solid #EEEEEE;">
                <a href="<%=product_silver[0]['content']['adv_pic_url'];%>">
                    <img style="width: 100%;" src="/data/upload/shop/adv/<%=product_silver[0]['content']['adv_pic'];%>">
                </a>

                <a href="<%=product_silver[1]['content']['adv_pic_url'];%>">
                    <img style="float:left;width:50%;" src="/data/upload/shop/adv/<%=product_silver[1]['content']['adv_pic'];%>">
                </a>
                <a href="<%=product_silver[2]['content']['adv_pic_url'];%>">
                    <img style="float:left;width:50%;" src="/data/upload/shop/adv/<%=product_silver[2]['content']['adv_pic'];%>">
                </a>
            </div>

            <div style="float:left;width:50%; border-right:1px solid #EEEEEE;">
                <a href="<%=product_silver[3]['content']['adv_pic_url'];%>">
                    <img style="width: 100%;" src="/data/upload/shop/adv/<%=product_silver[3]['content']['adv_pic'];%>">
                </a>
                <a href="<%=product_silver[4]['content']['adv_pic_url'];%>">
                    <img style="float:left;width:50%;" src="/data/upload/shop/adv/<%=product_silver[4]['content']['adv_pic'];%>">
                </a>
                <a href="<%=product_silver[5]['content']['adv_pic_url'];%>">
                    <img style="float:left;width:50%;" src="/data/upload/shop/adv/<%=product_silver[5]['content']['adv_pic'];%>">
                </a>
            </div>

        </div>

    </div>

    <div style="margin-top: 10px; margin-bottom: -5px;">
        <a href="<%=index_banner[3]['content']['adv_pic_url'];%>">
            <img style="width: 100%;" src="/data/upload/shop/adv/<%=index_banner[3]['content']['adv_pic'];%>">
        </a>
    </div>

    <!--
        作者：569154771@qq.com
        时间：2016-03-24
        描述：白金专区
    -->
    <div style="background: #FFFFFF; padding-top: 15px;min-height: 280px;">
        <img style="width: 100%;" src="images/index_92.jpg">
        <div style=" width:100%;margin-top: 10px;">

            <div style="float:left;width:50%; border-right:1px solid #EEEEEE;">
                <a href="<%=product_platinum[0]['content']['adv_pic_url'];%>">
                    <img style="float:left;width:100%;" src="/data/upload/shop/adv/<%=product_platinum[0]['content']['adv_pic'];%>">
                </a>
                <a href="<%=product_platinum[1]['content']['adv_pic_url'];%>">
                    <img style="float:left;width:100%;" src="/data/upload/shop/adv/<%=product_platinum[1]['content']['adv_pic'];%>">
                </a>
            </div>

            <div style="float:left;width:50%;">
                <a href="<%=product_platinum[2]['content']['adv_pic_url'];%>">
                    <img style="float:left;width:50%;" src="/data/upload/shop/adv/<%=product_platinum[2]['content']['adv_pic'];%>">
                </a>
                <a href="<%=product_platinum[3]['content']['adv_pic_url'];%>">
                    <img style="float:left;width:50%;" src="/data/upload/shop/adv/<%=product_platinum[3]['content']['adv_pic'];%>">
                </a>
                <a href="<%=product_platinum[4]['content']['adv_pic_url'];%>">
                    <img style="float:left;width:50%;" src="/data/upload/shop/adv/<%=product_platinum[4]['content']['adv_pic'];%>">
                </a>
                <a href="<%=product_platinum[5]['content']['adv_pic_url'];%>">
                    <img style="float:left;width:50%;" src="/data/upload/shop/adv/<%=product_platinum[5]['content']['adv_pic'];%>">
                </a>
            </div>

        </div>

    </div>


    <div style="margin-top: 15px; margin-bottom: -5px;">
        <a href="<%=index_banner[4]['content']['adv_pic_url'];%>">
            <img style="width: 100%;" src="/data/upload/shop/adv/<%=index_banner[4]['content']['adv_pic'];%>">
        </a>
    </div>


    <div style="background: #FFFFFF; padding-top: 15px;min-height: 300px;">
        <img style="width: 100%;" src="images/index_101_02-05.jpg">
        <div style=" width:100%;margin-top: 10px;">

            <div style="float:left;width:50%; border-right:1px solid #EEEEEE;">

                <a href="<%=product_jewelry[0]['adv_pic_url'];%>">
                    <img style="float:left;width:100%;" src="/data/upload/shop/adv/<%=product_jewelry[0]['content']['adv_pic'];%>">
                </a>

                <a href="<%=product_jewelry[1]['adv_pic_url'];%>">
                    <img style="float:left;width:100%;" src="/data/upload/shop/adv/<%=product_jewelry[1]['content']['adv_pic'];%>">
                </a>

            </div>

            <div style="float:left;width:50%;">

                <a href="<%=product_jewelry[2]['adv_pic_url'];%>">
                    <img style="float:left;width:100%;" src="/data/upload/shop/adv/<%=product_jewelry[2]['content']['adv_pic'];%>">
                </a>

                <a href="<%=product_jewelry[3]['adv_pic_url'];%>">
                    <img style="float:left;width:100%;" src="/data/upload/shop/adv/<%=product_jewelry[3]['content']['adv_pic'];%>">
                </a>

                <a href="<%=product_jewelry[4]['adv_pic_url'];%>">
                    <img style="float:left;width:100%;" src="/data/upload/shop/adv/<%=product_jewelry[4]['content']['adv_pic'];%>">
                </a>

            </div>

        </div>

    </div>

    <!--
        作者：569154771@qq.com
        时间：2016-03-24
        描述：品牌特卖
    -->

    <div style="background: #FFFFFF; padding-top: 15px;margin-top: 10px;min-height: 200px; padding-bottom: 70px; float: left;">
        <img style="width: 100%;" src="images/indexs_102.jpg">


        <ul class="pinpai_list" style="padding-top:5px ;">
            <%for(i=0;i<goods_list.length;i++){%>
            <li style="margin-top: 2px;">
                <a href="tmpl/product_detail.html?goods_id=<%=goods_list[i].goods_id;%>"  title="<%=goods_list[i].goods_name;%>">
                    <div style="border: 1px solid #EEEEEE;  width: 96%; height:230px;">
                        <img style="width: 96%;" src="/data/upload/shop/store/goods/<%=goods_list[i].store_id;%>/<%=goods_list[i].goods_image.replace('.jpg','_240.jpg');%>">

                        <label style="float: left;padding-left: 5px;margin-top: -15px;" class="name_cut"><%=goods_list[i].goods_name;%>.</label>
                        <p style="float: left; padding-left: 5px; width: 100%;color:#ff0000;">
                            <label>即将揭晓...</label>
                        </p>
                    </div></a>
            </li>
            <%}%>
        </ul>
    </div>

</script>
<div id="home-cnt-wp"></div>
</body>
<script src="/mobile/resource/js/jquery.js"></script>
<script type="text/javascript" src="/mobile/resource/js/home_index.js" charset="utf-8"></script>
<script type="text/javascript" src="/data/resource/js/waypoints.js"></script>
<script src="/mobile/resource/js/mui.min.js"></script>
<script type="text/javascript" charset="utf-8">

    mui.init({
        swipeBack: true //启用右滑关闭功能
    });

    $(".mui-tab-item").click(function(){
        window.location.href= $(this).attr("href");
    });

    $("#tabbar-with-fenlei").click(function(){
        $("#tabbar-with-fenlei span img").attr("src",'/mobile/resource/images/index_115.jpg');
        $("#tabbar-shoppingcart span img").attr("src",'/mobile/resource/images/index_1181.jpg');
    });
    $("#tabbar-shoppingcart").click(function(){
        $("#tabbar-with-fenlei span img").attr("src",'/mobile/resource/images/index_1151.jpg');
        $("#tabbar-shoppingcart span img").attr("src",'/mobile/resource/images/index_118.png');
    });

</script>

<script type="text/javascript" src="js/config.js"></script>
<script type="text/javascript" src="js/zepto.min.js"></script>
<script type="text/javascript" src="js/template.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/swipe.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/tmpl/footer.js"></script>

</html>